import axios from "axios";
import { Toast } from "antd-mobile";
import store from "../store";

const instance = axios.create({
  baseURL: " http://localhost:5173/",
  headers: { "X-Custom-Header": "foobar" },
});
// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么

    //请求拦截中开启loading效果
    Toast.show({
      icon: "loading",
      content: "加载中...",
      duration: 0,
    });

    //请求头中携带token
    config.headers.Authorization=store.getState().user.info?.token

    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。

    //响应拦截中取消loading效果
    Toast.clear();

    // 对响应数据做点什么
    return response.data;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。

    //响应拦截中取消loading效果
    Toast.clear();

    if (error?.response?.data) {
      Toast.show(error.response.data?.message);
    }

    //4、5开头的响应状态码
    if (error.response.status == 401) {
      console.log("未登录");
    } else if (error.response.status == 500) {
      console.log("服务器错误");
    }

    // 对响应错误做点什么
    return Promise.reject(error);
  }
);
export default instance;
